// out: newsCard.wxss, compress: false, sourceMap: false
.news-card {
    position: relative;
    width: 700rpx;
    height: 196rpx;
    margin: auto;
    background: white;
    .news-card-inner-container {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: white;
        .news-card-inner-container-left-container {
            /*width: 202rpx;*/
            box-shadow: 0 2px 5px 0 rgb(128, 128, 128);
            border-radius: 1px;
            width: 152rpx;
            height: 152rpx;
            position: absolute;
            left: 22rpx;
            top: 22rpx;
            image.picture {
                width: 100%;
                height: 100%;
            }
        }
        .news-card-inner-container-right-container {
            /*width: 435rpx;*/
            width: 485rpx;
            height: 152rpx;
            position: absolute;
            right: 22rpx;
            top: 22rpx;
            .title {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                height: 20px;
                font-size: 14px;
                line-height: 20px;
                font-weight: bold;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-break: break-all;
            }
            .abstract {
                display: block;
                position: absolute;
                top: 20px;
                left: 0;
                right: 0;
                bottom: 15px;
                font-size: 10px;
                line-height: 15px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-break: break-all;
            }
            view.news-card-inner-container-right-container-bottom-container {
                position: absolute;
                display: flex;
                justify-content: space-between;
                height: 15px;
                bottom: 0;
                width: 100%;
                font-size: 10px;
                line-height: 15px;
                view.timestamp {
                    float: left;
                    display: flex;
                    align-items: center;
                    image {
                        display: inline-block;
                        height: 10px;
                        width: 10px;
                        margin-right: 5px;
                    }
                    text {
                        display: inline-block;
                        height: 15px;
                    }
                }
                view.buttons {
                    float: right;
                    button {
                        padding: 0 3px;
                        margin: 0 3px;
                        line-height: 20px;
                        font-size: 13px;
                    }
                }
            }
        } // z-index: 2;
    }
    .not-interested-container {
        box-sizing: border-box;
        position: absolute;
        top: 0;
        right: -100px;
        width: 100px;
        bottom: 0;
        background-color: rgb(220, 100, 100);
        border-left: 1px solid rgb(230, 230, 230); // z-index: 1;
        text {
            position: absolute;
            text-align: center;
            color: white;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            line-height: 196rpx;
            font-size: 36rpx;
        }
    }
}